Feed Scroller : A user friendly custamizable widget that allow scrol any feed content to your blog. It will also give you multiple options, to display just the title of the story or include the date and summary or just hide tittle and display summary only. Option for show/hide author, date, feed tittle and also give you freedom to choose summary length number of entries etc.
<!--more-->
<br />
<br />
<br />



<script type="text/javascript" src="http://widgetad.googlecode.com/svn/tags/jscolor/jscolor.js"></script>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Widget Name</td>
      <td class="second">:</td>
      <td class="zero"><input id="widgetad" value="Feed Scroller" type="text"><br></td>
    </tr>
        <tr>
      <td class="first">Feed url</td>
      <td class="second">:</td>
      <td class="zero"><input id="za" value="http://widgetad.blogspot.com/atom.xml" type="text"><br></td>
    </tr>    

    
        <tr>
      <td class="first">bgcolor</td>
      <td class="second">:</td>
      <td class="zero"><input id="zd" class="color" value="" type="text"></td>
    </tr>
        <tr>
      <td class="first">numentries</td>
      <td class="second">:</td>
      <td class="zero">
      <select id="ze">
  <option value="0" selected>Show All</option>
  <option value="5">5 Entries</option>
  <option value="10">10 Entries</option>
  <option value="12">12 Entries</option>
  <option value="15">15 Entries</option>
  <option value="20">20 Entries</option>
  <option value="25">25 Entries</option>
  <option value="30">30 Entries</option>
</select></td>
    </tr>    
 
  </tbody>
  </table>
 <!-- --> 
<hr></hr>
<!--Show Feed Title-->
 <table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>     


        <tr>
        <script>
function showTitle(showtitle)
{
if(showtitle)
{
document.getElementById("showtitlediv").style.display = "";
}
else
{
document.getElementById("showtitlediv").style.display = "none";
}

}
</script>
      <td class="first">Show Feed Title</td>
      <td class="second">:</td>
      <td class="zero"><input id="zk" type="checkbox"  value="n" onclick="showTitle(this.checked);" onchange="if(this.checked) this.value='y'; else this.value='n';"></td>  
    </tr>
  </tbody>
</table>    
<div id="showtitlediv" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Feed Title Font Family</td>
      <td class="second">:</td>
     <td class="zero"><input id="zn" value="tahoma" type="text"></td>
    </tr>
        <tr>
      <td class="first">Feed Title Font size</td>
      <td class="second">:</td>
     <td class="zero"><input id="zs" value="18" type="text"></td>
    </tr>

        <tr>
      <td class="first">Bold Feed Title</td>
      <td class="second">:</td>
      <td class="zero"><input id="zx" type="checkbox"  value="normal" onchange="if(this.checked) this.value='bold'; else this.value='normal';"></td>  
    </tr>    
        <tr>
      <td class="first">Feed Title Font color</td>
      <td class="second">:</td>
     <td class="zero"><input id="z6" class="color" value="FF4C30" type="text"></td>
    </tr>    
        <tr>
      <td class="first">Under Line Feed Title?</td>
      <td class="second">:</td>
      <td class="zero"><input id="z3" type="checkbox"  value="none" onchange="if(this.checked) this.value='underline'; else this.value='none';"></td>  
    </tr>
  </tbody>
</table>    
</div>
<!--Show Feed Title-->
<hr></hr>

<!--Show Author-->
<script>
function showAuthor(showauthor)
{
if(showauthor)
{
document.getElementById("showauthordiv").style.display = "";
}
else
{
document.getElementById("showauthordiv").style.display = "none";
}

}
</script>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Show Author Name</td>
      <td class="second">:</td>
      <td class="zero"><input id="zl" type="checkbox"  value="n" onclick="showAuthor(this.checked);" onchange="if(this.checked) this.value='y'; else this.value='n';"></td>  
    </tr>
  </tbody>
</table>
<div id="showauthordiv" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Author Name Font Family</td>
      <td class="second">:</td>
     <td class="zero"><input id="zp" value="tahoma" type="text"></td>
    </tr>    
        <tr>
      <td class="first">Author Name Font Size</td>
      <td class="second">:</td>
     <td class="zero"><input id="zu" value="13" type="text"></td>
    </tr>    

        <tr>
      <td class="first">Bold Author Name</td>
      <td class="second">:</td>
      <td class="zero"><input id="zz" type="checkbox"  value="normal" onchange="if(this.checked) this.value='bold'; else this.value='normal';"></td>  
    </tr>



    
        <tr>
      <td class="first">Author Name Color</td>
      <td class="second">:</td>
     <td class="zero"><input id="z8" class="color" value="E014FF" type="text"></td>
    </tr>    
    
    
    
    
    
  </tbody>
</table>    
</div>
<!--Show Author-->
<hr></hr>
<!--Show Date Stamp-->
<script>
function showDate(showdate)
{
if(showdate)
{
document.getElementById("showdatediv").style.display = "";
}
else
{
document.getElementById("showdatediv").style.display = "none";
}

}
</script>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Show Date Stamp</td>
      <td class="second">:</td>
      <td class="zero"><input id="zm" type="checkbox"  value="n" onclick="showDate(this.checked);" onchange="if(this.checked) this.value='y'; else this.value='n';"></td>  
    </tr>
  </tbody>
</table>
<div id="showdatediv" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>

        <tr>
      <td class="first">Date Stamp Font Family</td>
      <td class="second">:</td>
     <td class="zero"><input id="zq" value="tahoma" type="text"></td>
    </tr>
        <tr>
      <td class="first">Date Stamp Font Size</td>
      <td class="second">:</td>
     <td class="zero"><input id="zv" value="10" type="text"></td>
    </tr>    


        <tr>
      <td class="first">Bold Date Stamp</td>
      <td class="second">:</td>
      <td class="zero"><input id="z1" type="checkbox"  value="normal" onchange="if(this.checked) this.value='bold'; else this.value='normal';"></td>  
    </tr>


        <tr>
      <td class="first">Date Stamp Font Color</td>
      <td class="second">:</td>
     <td class="zero"><input id="z9" class="color" value="45FFAE" type="text"></td>
    </tr>


    
  </tbody>
</table>    
</div>
<!--Show Date Stamp-->
<hr></hr>

<!--Description-->
<script>
function showDescription(showdescription)
{
if(showdescription)
{
document.getElementById("descriptiondiv").style.display = "";
}
else
{
document.getElementById("descriptiondiv").style.display = "none";
}

}
</script>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Description</td>
      <td class="second">:</td>
      <td class="zero"><input id="descrip" type="checkbox"  value="" onclick="showDescription(this.checked);" ></td>  
    </tr>
  </tbody>
</table>
<div id="descriptiondiv" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Description Length</td>
      <td class="second">:</td>
      <td class="zero">
      <select id="zf">
  <option value="0">Hide Description</option>
  <option value="1">Full Description</option>
  <option value="100">Very Short Description</option>
  <option value="150" selected>Short Description</option>
  <option value="200">Long Description</option>
  <option value="250">Very Long Description</option>
  <option value="350">Extra Long Description</option>
  <option value="-1">Only Description No Title</option>
</select></td>
    </tr>
  
        <tr>
      <td class="first">Description Font Family</td>
      <td class="second">:</td>
     <td class="zero"><input id="zr" value="tahoma" type="text"></td>
    </tr>  
        <tr>
      <td class="first">Description Font Size</td>
      <td class="second">:</td>
     <td class="zero"><input id="zw" value="12" type="text"></td>
    </tr>  
  
        <tr>
      <td class="first">Bold Description</td>
      <td class="second">:</td>
      <td class="zero"><input id="z2" type="checkbox"  value="normal" onchange="if(this.checked) this.value='bold'; else this.value='normal';"></td>  
    </tr>  
  
  
  
  
  
  
  
        <tr>
      <td class="first">Description Color</td>
      <td class="second">:</td>
     <td class="zero"><input id="z10" class="color" value="141414" type="text"></td>
    </tr>  
  
  
  
  
  </tbody>
</table>    
</div>
<!--Description-->
<hr></hr>
<!--Entry Title-->
<script>
function showET(showet)
{
if(showet)
{
document.getElementById("showetdiv").style.display = "";
}
else
{
document.getElementById("showetdiv").style.display = "none";
}

}
</script>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Configure Entry Title</td>
      <td class="second">:</td>
      <td class="zero"><input id="showet" type="checkbox"  value="n" onclick="showET(this.checked);" ></td>  
    </tr>
  </tbody>
</table>
<div id="showetdiv" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
        <tr>
      <td class="first">Under Line Entry Title?</td>
      <td class="second">:</td>
      <td class="zero"><input id="z4" type="checkbox"  value="none" onchange="if(this.checked) this.value='underline'; else this.value='none';"></td>  
    </tr>
        <tr>
      <td class="first">Under Line Entry Title on Hover?</td>
      <td class="second">:</td>
      <td class="zero"><input id="z5" type="checkbox"  value="none" onchange="if(this.checked) this.value='underline'; else this.value='none';"></td>  
    </tr>
        <tr>
      <td class="first">Entry Title Font Family</td>
      <td class="second">:</td>
     <td class="zero"><input id="zo" value="tahoma" type="text"></td>
    </tr>    
        <tr>
      <td class="first">Entry Title Color</td>
      <td class="second">:</td>
     <td class="zero"><input id="z7" class="color" value="1F8FFF" type="text"></td>
    </tr>
      <td class="first">Entry Title Hover Color</td>
      <td class="second">:</td>
     <td class="zero"><input id="z7a" class="color" value="0D55FF" type="text"></td>
    </tr>    
        <tr>
      <td class="first">Entry Title Font Size</td>
      <td class="second">:</td>
     <td class="zero"><input id="zt" value="14" type="text"></td>
    </tr>    
    
    
        <tr>
      <td class="first">Bold Entry Title</td>
      <td class="second">:</td>
      <td class="zero"><input id="zy" type="checkbox"  value="normal" onchange="if(this.checked) this.value='bold'; else this.value='normal';"></td>  
    </tr>    
        <tr>
      <td class="first">Entry Distance</td>
      <td class="second">:</td>
     <td class="zero"><input id="zg" value="5" type="text"></td>
    </tr>    
    
    
    
    
    
  </tbody>
</table>    
</div>
<!--Entry Title-->
<hr></hr>







<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>


        <tr>
      <td class="first">Show Border</td>
      <td class="second">:</td>
      <td class="zero"><input id="zb" type="checkbox"  value="0" onchange="if(this.checked) this.value='1'; else this.value='0';"></td>  
    </tr>
    
        <tr>
      <td class="first">Border Color</td>
      <td class="second">:</td>
      <td class="zero"><input id="zc" class="color" value="FFF45C" type="text"></td>
    </tr>    
        <tr>
      <td class="first">Enable List Style</td>
      <td class="second">:</td>
      <td class="zero">
      <select id="zh">
  <option value="none" selected>Disable</option>
  <option value="circle">Circle</option>
  <option value="square">Square</option>
  <option value="upper-roman">Upper-Roman</option>
  <option value="lower-alpha">Lower-Alpha</option>
  <option value="image">Image</option>
</select></td>
    </tr>    
        <tr>
      <td class="first">Image URL</td>
      <td class="second">:</td>
     <td class="zero"><input id="zha" value="http://widgetad.googlecode.com/svn/widgetad/widget/feed/sprite/star16.gif" type="text"></td>
    </tr>    
        <tr>
      <td class="first">Disable Auto Scroll</td>
      <td class="second">:</td>
      <td class="zero"><input id="zi" type="checkbox"  value="" onchange="if(this.checked) this.value='!'; else this.value='';"></td>  
    </tr>
        <tr>
      <td class="first">Scroll</td>
      <td class="second">:</td>
      <td class="zero">
      <select id="zi1">
  <option value="down">Upwards</option>
  <option value="up" selected>Downwards</option>
</select></td>
    </tr>    
    
        <tr>
      <td class="first">Disable Adf.ly Link Ads</td>
      <td class="second">:</td>
      <td class="zero"><input id="zia" type="checkbox"  value="" onchange="if(this.checked) this.value='//'; else this.value='';"></td>  
    </tr>
        <tr>
      <td class="first">Change Adf.ly Id get one from <a href="http://adf.ly/?id=2614020" target="_blank">here : Make Small Income</a></td>
      <td class="second">:</td>
     <td class="zero"><input id="zia1" value="2614020" type="text"></td>
    </tr>
    
    
        <tr>
      <td class="first">Widget Width</td>
      <td class="second">:</td>
      <td class="zero"><input id="zj" value="300" type="text"></td>
    </tr>

        <tr>
      <td class="first"></td>
      <td class="second"></td>
      <td class="zero"><input onclick="makechanges();" value="Update" type="button"></td>
    </tr>

            <tr>
      <td class="first">Add Widget to Blogger</td>
       <td class="second">:</td>
      <td class="zero">
<center>
 <div>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<span style="font-size: large;">
<b>Widget Name: </b>
</span>
<input name="widget.title" size="25" type="text" value="Feed Scroller" />
</center>
<br>
<center>
<input name="go" style="font-size: 12px; width: auto;" type="submit" value="Add This Customized Widget to Blogger" />
<textarea id="bloggercode" name="widget.content" style="display: none; height: 0px; width: 0px;">

</textarea>
<input name="infoUrl" type="hidden" value="http://widgetad.blogspot.com/" />
<input name="logoUrl" type="hidden" value="http://pardh-tech-gadget.googlecode.com/svn/tags/test/1/1/2/feedscroller.png" />
</form>
</div><br/><br/>
 <div>
<script type="text/javascript">
<!--
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500,left = 390,top = 110');");
}
// -->
</script>
<input type="button" onClick="javascript:popUp('http://adspotblog.blogspot.com/2013/05/feed-scroller-add-to-blogger.html')" title="Add to Blogger" value="Add This Widget's Blogger Version" >
</div>
</center>
      </td>
    </tr>
            <tr>
      <td class="first"></td>
       <td class="second"></td>
      <td class="zero"><div id="cubecode"></div></td>
    </tr>    
    
    
    
        <tr>
      <td class="first"></td>
      <td class="second"></td>
      <td class="color">Copy and Paste Widget Code on Your Website:</td>
    </tr>    
        <tr>
      <td class="first"></td>
      <td class="second"></td>
      <td class="zero"><form>
<textarea id="generatedcode" name="select" rows="8" cols="60" readonly="readonly" onclick="javascript:this.form.select.focus();this.form.select.select();">

</textarea>
</form></td>
    </tr>        
  </tbody>
</table>


  
<br><br><br><br>


<script type="text/javascript">
function makechanges(){
var currentTime = new Date();
document.getElementById('cubecode').innerHTML = "<center\/><iframe src=\"http://www.gmodules.com/ig/ifr?url=http://widgetad.googlecode.com/svn/widgetad/widget/feed/feedscroller3_3.xml&amp;up_za="+document.getElementById('za').value+"&amp;up_zb="+document.getElementById('zb').value+"&amp;up_zc="+document.getElementById('zc').value+"&amp;up_zd="+document.getElementById('zd').value+"&amp;up_ze="+document.getElementById('ze').value+"&amp;up_zf="+document.getElementById('zf').value+"&amp;up_zk="+document.getElementById('zk').value+"&amp;up_zn="+document.getElementById('zn').value+"&amp;up_zs="+document.getElementById('zs').value+"&amp;up_zx="+document.getElementById('zx').value+"&amp;up_z3="+document.getElementById('z3').value+"&amp;up_z6="+document.getElementById('z6').value+"&amp;up_zo="+document.getElementById('zo').value+"&amp;up_zt="+document.getElementById('zt').value+"&amp;up_zy="+document.getElementById('zy').value+"&amp;up_z4="+document.getElementById('z4').value+"&amp;up_z5="+document.getElementById('z5').value+"&amp;up_z7="+document.getElementById('z7').value+"&amp;up_z7a="+document.getElementById('z7a').value+"&amp;up_zl="+document.getElementById('zl').value+"&amp;up_zp="+document.getElementById('zp').value+"&amp;up_zu="+document.getElementById('zu').value+"&amp;up_zz="+document.getElementById('zz').value+"&amp;up_z8="+document.getElementById('z8').value+"&amp;up_zm="+document.getElementById('zm').value+"&amp;up_zq="+document.getElementById('zq').value+"&amp;up_zv="+document.getElementById('zv').value+"&amp;up_z1="+document.getElementById('z1').value+"&amp;up_z9="+document.getElementById('z9').value+"&amp;up_zr="+document.getElementById('zr').value+"&amp;up_zw="+document.getElementById('zw').value+"&amp;up_z2="+document.getElementById('z2').value+"&amp;up_zg="+document.getElementById('zg').value+"&amp;up_z10="+document.getElementById('z10').value+"&amp;up_zh="+document.getElementById('zh').value+"&amp;up_zha="+document.getElementById('zha').value+"&amp;up_zi="+document.getElementById('zi').value+"&amp;up_zia="+document.getElementById('zia').value+"&amp;up_zia1="+document.getElementById('zia1').value+"&amp;up_zi1="+document.getElementById('zi1').value+"&amp;w="+document.getElementById('zj').value+"&amp;h=400\" name=\"window\"  frameborder=\"0\" noresize scrolling=\"no\" align=\"middle\"  width=\""+document.getElementById('zj').value+"\" height=\"401\"><\/iframe><\/center>";
document.getElementById('generatedcode').value = "<center\/><iframe src=\"http://www.gmodules.com/ig/ifr?url=http://widgetad.googlecode.com/svn/widgetad/widget/feed/feedscroller3_3.xml&amp;up_za="+document.getElementById('za').value+"&amp;up_zb="+document.getElementById('zb').value+"&amp;up_zc="+document.getElementById('zc').value+"&amp;up_zd="+document.getElementById('zd').value+"&amp;up_ze="+document.getElementById('ze').value+"&amp;up_zf="+document.getElementById('zf').value+"&amp;up_zk="+document.getElementById('zk').value+"&amp;up_zn="+document.getElementById('zn').value+"&amp;up_zs="+document.getElementById('zs').value+"&amp;up_zx="+document.getElementById('zx').value+"&amp;up_z3="+document.getElementById('z3').value+"&amp;up_z6="+document.getElementById('z6').value+"&amp;up_zo="+document.getElementById('zo').value+"&amp;up_zt="+document.getElementById('zt').value+"&amp;up_zy="+document.getElementById('zy').value+"&amp;up_z4="+document.getElementById('z4').value+"&amp;up_z5="+document.getElementById('z5').value+"&amp;up_z7="+document.getElementById('z7').value+"&amp;up_z7a="+document.getElementById('z7a').value+"&amp;up_zl="+document.getElementById('zl').value+"&amp;up_zp="+document.getElementById('zp').value+"&amp;up_zu="+document.getElementById('zu').value+"&amp;up_zz="+document.getElementById('zz').value+"&amp;up_z8="+document.getElementById('z8').value+"&amp;up_zm="+document.getElementById('zm').value+"&amp;up_zq="+document.getElementById('zq').value+"&amp;up_zv="+document.getElementById('zv').value+"&amp;up_z1="+document.getElementById('z1').value+"&amp;up_z9="+document.getElementById('z9').value+"&amp;up_zr="+document.getElementById('zr').value+"&amp;up_zw="+document.getElementById('zw').value+"&amp;up_z2="+document.getElementById('z2').value+"&amp;up_zg="+document.getElementById('zg').value+"&amp;up_z10="+document.getElementById('z10').value+"&amp;up_zh="+document.getElementById('zh').value+"&amp;up_zha="+document.getElementById('zha').value+"&amp;up_zi="+document.getElementById('zi').value+"&amp;up_zia="+document.getElementById('zia').value+"&amp;up_zia1="+document.getElementById('zia1').value+"&amp;up_zi1="+document.getElementById('zi1').value+"&amp;w="+document.getElementById('zj').value+"&amp;h=400\" name=\"window\"  frameborder=\"0\" noresize scrolling=\"no\" align=\"middle\"  width=\""+document.getElementById('zj').value+"\" height=\"401\"><\/iframe><\/center>";
document.getElementById('bloggercode').value = "<center\/><iframe src=\"http://www.gmodules.com/ig/ifr?url=http://widgetad.googlecode.com/svn/widgetad/widget/feed/feedscroller3_3.xml&amp;up_za="+document.getElementById('za').value+"&amp;up_zb="+document.getElementById('zb').value+"&amp;up_zc="+document.getElementById('zc').value+"&amp;up_zd="+document.getElementById('zd').value+"&amp;up_ze="+document.getElementById('ze').value+"&amp;up_zf="+document.getElementById('zf').value+"&amp;up_zk="+document.getElementById('zk').value+"&amp;up_zn="+document.getElementById('zn').value+"&amp;up_zs="+document.getElementById('zs').value+"&amp;up_zx="+document.getElementById('zx').value+"&amp;up_z3="+document.getElementById('z3').value+"&amp;up_z6="+document.getElementById('z6').value+"&amp;up_zo="+document.getElementById('zo').value+"&amp;up_zt="+document.getElementById('zt').value+"&amp;up_zy="+document.getElementById('zy').value+"&amp;up_z4="+document.getElementById('z4').value+"&amp;up_z5="+document.getElementById('z5').value+"&amp;up_z7="+document.getElementById('z7').value+"&amp;up_z7a="+document.getElementById('z7a').value+"&amp;up_zl="+document.getElementById('zl').value+"&amp;up_zp="+document.getElementById('zp').value+"&amp;up_zu="+document.getElementById('zu').value+"&amp;up_zz="+document.getElementById('zz').value+"&amp;up_z8="+document.getElementById('z8').value+"&amp;up_zm="+document.getElementById('zm').value+"&amp;up_zq="+document.getElementById('zq').value+"&amp;up_zv="+document.getElementById('zv').value+"&amp;up_z1="+document.getElementById('z1').value+"&amp;up_z9="+document.getElementById('z9').value+"&amp;up_zr="+document.getElementById('zr').value+"&amp;up_zw="+document.getElementById('zw').value+"&amp;up_z2="+document.getElementById('z2').value+"&amp;up_zg="+document.getElementById('zg').value+"&amp;up_z10="+document.getElementById('z10').value+"&amp;up_zh="+document.getElementById('zh').value+"&amp;up_zha="+document.getElementById('zha').value+"&amp;up_zi="+document.getElementById('zi').value+"&amp;up_zia="+document.getElementById('zia').value+"&amp;up_zia1="+document.getElementById('zia1').value+"&amp;up_zi1="+document.getElementById('zi1').value+"&amp;w="+document.getElementById('zj').value+"&amp;h=400\" name=\"window\"  frameborder=\"0\" noresize scrolling=\"no\" align=\"middle\"  width=\""+document.getElementById('zj').value+"\" height=\"401\"><\/iframe><\/center>";

}
makechanges();
</script>
<br>
<style/>
td.zero{text-align: left; vertical-align: middle;}
td.first{width: 150px; text-align: left; vertical-align: middle;}
td.second{width: 25px; text-align: left; vertical-align: middle;}
td.color{font-weight: bold; color: #CC33CC; vertical-align: middle;}

</style>